<template>
  <div class="comparioson-wrap shadow-lg border border-slate-200 border-solid">
      <CodeTool/>
      <ViewsComparison class="eidtor_box" :new-value="codeForm.newCode" :old-value="codeForm.oldCode" />
  </div>
</template>
<script lang="ts" setup>
import { onMounted, reactive, ref } from 'vue';
import ViewsComparison from '../components/view_com.vue';
import CodeTool from '../components/code_tool.vue'
const isShow = ref(false);
const codeForm = reactive({
  oldCode:"",
  newCode:"",
})
</script>
<style lang="scss" scoped>
.comparioson-wrap{
  width: 100%;
  height: calc(100vh - 73px - 78px);
  overflow: hidden;
  .eidtor_box{
    height: calc(100% - 45px);
  }
}
</style>
